<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

	<title>DashboardKit Bootstrap 5 Admin Template</title>
	<!-- HTML5 Shim and Respond.js IE11 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 11]>
		
		
		<![endif]-->
	<!-- Meta -->
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="DashboardKit is made using Bootstrap 5 design framework. Download the free admin template & use it for your project.">
	<meta name="keywords" content="DashboardKit, Dashboard Kit, Dashboard UI Kit, Bootstrap 5, Admin Template, Admin Dashboard, CRM, CMS, Free Bootstrap Admin Template">
	<meta name="author" content="DashboardKit ">


	<!-- Favicon icon -->
	

	<!-- font css -->
	<link rel="stylesheet" th:href="@{/css/feather.css}">
	<link rel="stylesheet" th:href="@{/css/fontawesome.css}">
	<link rel="stylesheet" th:href="@{/css/material.css}">

	<!-- vendor css -->
	<link rel="stylesheet" th:href="@{/css/style.css}" id="main-style-link">


</head>

<!-- [ auth-signup ] start -->
<div class="auth-wrapper">
	<div class="auth-content">
		<div class="card">
			<div class="row align-items-center text-center">
				<div class="col-md-12">
					<form th:action="@{/signing}" method="post">
					<div class="card-body">
						<h4 class="mb-3 f-w-400">注册</h4>
						<div class="input-group mb-3">
							<span class="input-group-text"><i data-feather="user"></i></span>
							<input type="text" class="form-control" placeholder="Username" name="username">
						</div>
						<div class="input-group mb-4">
							<span class="input-group-text"><i data-feather="lock"></i></span>
							<input type="password" class="form-control" placeholder="Password" name="password">
						</div>

						<button class="btn btn-primary btn-block mb-4" type="submit">Sign up</button>
						<p style="color:red" th:text="${state}" th:if="${not #strings.isEmpty(state)}"></p>
						<p class="mb-2">Already have an account? <a th:href="@{/login}" class="f-w-400">Login</a></p>
					</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- [ auth-signup ] end -->

<!-- Required Js -->
<script th:src="@{/js/vendor-all.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/pcoded.js}"></script>
<script th:src="@{/js/feather.min.js}"></script>
<div class="fixed-button active"><a href="index1.html" target="_blank" class="btn btn-md btn-success"><i class="material-icons-two-tone text-white">shopping_cart</i> Upgrade
        To
        Pro</a> </div>



</html>
